<template>
  <div class="about">
    <div class="h74"></div>
    <div class="aboutBanner">
      <img src="@/assets/images/aboutbg.jpg" alt="">
    </div>
    <div class="aboutMenu">
      <div class="aboutTop">
        <ul class="productMenu">
          <li v-for="(item,index) in tabs" :class="{active:index == num}" @click="tab(index)" :key="item.index">{{ item }}</li>
        </ul>
        <div class="tabCon">
          <div class="crumbs">
            <span class="crumbsActive" v-for="(itemCon,index) in crumbs" v-show=" index == num" :key="itemCon.index">{{ itemCon }}</span>
          </div>
          <div class="tabBox" v-show=" 0 == num">
            <div class="">
              <p class="xian"></p>
            </div>
            <div class="itemCon">
              <p>未来家智能科技（昆山）有限公司成立于江苏昆山是专门为业主提供管家式的智能化服务平台。线上结合线下O2O式的网络服务公司，从根本上解决政企用户及家庭用户在办公和生活中遇到的琐碎事宜。</p>
              <p>本着服务超前，以人为本的价值观结合现代互联网科技业提供更便捷、更高效的智能化服务，顾客只要选择未来家即可生活无忧。</p>
              <br>
              <p><strong>公司用心打造全方位的未来家系列：</strong></p>
              <p>未来家.智能家：专属为用户提供智能管家服务、智能家居产品。</p>
              <p>未来家.安防家：用心呵护用户的财产安全。</p>
              <p>未来家.绿植家：智能化养殖让绿叶常在，空气清晰。</p>
              <br>
              <p>公司的经营目标是让每一位业主享受到未来家的高品质服务。</p>
              <p>未来用家诠释，公司为一直坚守这一使命为之不断努力！</p>
            </div>
          </div>
          <div class="tabBox" v-show=" 1 == num">
            <div class="">
              <p class="xian"></p>
            </div>
            <br>
            <div class="itemCon">
              <p>企业理念：风雨同舟 共创未来</p>
              <p>企业使命：用家诠释未来</p>
              <p>企业价值观：服务超前 以人为本</p>
              <br>
              <br>
            </div>
          </div>
        </div>
      </div>
    </div>
    <Wfooter />
  </div>
</template>

<script>
import Wfooter from '@/components/Wfooter.vue'
export default {
  components: {
    Wfooter
  },
  data () {
    return {
      tabs: [' 未来家城概况 ', ' 企业文化 '],
      num: 0,
      crumbs: ['General Situation / 概况  ', 'Culture / 文化  ']
    }
  },
  methods: {
    tab (index) {
      this.num = index
    }
  }
}
</script>

<style lang="scss">
@import "@/assets/style/layout.scss";
</style>
